import { useState } from 'react'
const App = () => {

  // 创建一个状态：对象
  const [user, setUser] = useState({ name: 'tom', age: 18 })
  // 创建的状态可以在组件任意位置使用
  const handleClick = () => {
    // 使用修改状态的函数，来改状态原则：新值 替换  旧值
    setUser({
      ...user,
      age: 50
    })
  }
  return (
    <div className="app">
      App组件
      <hr />
      <div>
        <p>姓名：{user.name}</p>
        <p>年龄：{user.age}</p>
        <button onClick={handleClick}>修改年龄</button>
      </div>
    </div>
  )
}

export default App